New Topic

Footer Menu

Home › Forum › Help › Footer Menu

Tagged: ,

This topic contains 7 replies, has 2 voices, and was last updated by  StartupWP 4 years, 9 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 24, 2014 at 6:39 AM #1628

    uendi
    Participant

    Hi

    I have made some changes for my footer. However, when I refer to the Iphone http://prntscr.com/3m4840, I notice that the margin setting looks a bit different with my PC http://prntscr.com/3m47ey. Furthermore, I realise that the code (position: relative) is the main cause that affect the margin setting but without them, I am unable to have the text move to the left or right.

    Please advise.

    Thanks.

    May 24, 2014 at 9:05 AM #1629

    StartupWP
    Keymaster

    It’s not a pretty solution, but:

    @media all and ( max-width: 1000px ) {
#menu-my-footer-menu .menu-item-5650 a {
  left: 30px;
  position: absolute;
  top: 76px;
}
}
    May 26, 2014 at 2:56 AM #1630

    uendi
    Participant

    It’s really fantastic. May I know how about this http://prntscr.com/3mp2f2 ?

    From StartupPro Options, am I able to change that ?

    Thanks.

    May 26, 2014 at 10:38 AM #1631

    StartupWP
    Keymaster

    Looks like you added inline styles:

    <span style="font-family: arial, helvetica, sans-serif; font-size: 14px; font-style: italic; color: #FFFFFF; position: relative; bottom: 174px; left: 115px;">
Keep updated with our latest products and offers from</span>

    So, however/wherever you’ve embed these you would need to go in and adjust the left style.

    May 26, 2014 at 3:52 PM #1633

    uendi
    Participant

    Sorry, unable to go back to the same post / topic.

    I have tried but the left style looks different between in PC and mobile phone.

    Thanks.

    May 27, 2014 at 9:18 AM #1635

    StartupWP
    Keymaster

    Please bookmark https://startupwp.com/user/uendi/ for future reference so that you can find all your previous topics, replies, subscriptions etc.

    By simply adding this line min-width: 1000px; should actually solve most of the problems you’re having here:

    #menu-my-footer-menu {
  background: url("http://uendi.com/wp-content/uploads/2014/05/FooterMenu.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-top: 1px solid #816100;
  clear: both;
  display: block;
  height: 350px;
  left: 0;
  margin-top: 90px;
  position: absolute;
  text-align: center;
  width: 100%;
  min-width: 1000px;
}
    June 5, 2014 at 12:21 AM #1639

    uendi
    Participant

    Thank you so much.

    June 5, 2014 at 1:06 PM #1641

    StartupWP
    Keymaster

    You’re welcome.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.