Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 17, 2014 at 3:17 pm #292506
    forum30

    Hi – spotted another issue that has come with the 2.9.1 upgrade.

    The menu options in the secondary menu that appears at the top of the pages now no longer appears on mobiles. As the viewport is reduced (in any browser on any client) the secondary menu entries disappear – although the social icons stay visible. Previously, the secondary menu would be visible on all viewports.

    Thanks,

    Daniel

    July 17, 2014 at 3:41 pm #292514
    Yigit

    Hey forum30!

    Please add following code to Quick CSS

    @media only screen and (max-width: 768px) {
.header_bg {
z-index: -1;
}}

    Cheers!
    Yigit

    July 17, 2014 at 4:38 pm #292551
    forum30

    Hi Yigit.

    That’s almost done it. On a mobile, the menu options sit nicely, but on a tablet the two menu options aren’t displayed together (one appears before the other stuff, the other appears after them).

    Is there a way to fix this?

    Thanks again for your your really quick response.

    July 17, 2014 at 11:55 pm #292714
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
ul#avia2-menu {
    clear: both;
}
}

    Cheers! 
    Josue

    July 18, 2014 at 11:05 am #292899
    forum30

    Thanks Josue – that’s sorted the two menu items so they stay together. However, the rtsocial social icons are set to be right-aligned, and on a mobile they appear fine, but on a tablet with the larger viewport – they are off-centred to the right. Is there a way of having them appear so they still look like they are currently on desktop or mobile, but appear centred on a tablet?

    Thanks again for the excellent support – will definitely provide a review and 5-stars after this!

    July 18, 2014 at 12:19 pm #292915
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) and (min-width: 480px) {
.rtsocial-container.rtsocial-container-align-right.rtsocial-icon-count {
float: none!important; margin-left: 25%; }}

    Regards,
    Yigit

    • This reply was modified 9 years, 9 months ago by Yigit.
    July 18, 2014 at 2:29 pm #292965
    forum30

    Hi Yigit,

    I’ve added that, but the rtsocial icons aren’t moving on the tablet – they’re still aligned to the right of the screen. Have I got to do anything else or remove any of the other quick css code?

    Thanks,

    Daniel

    July 18, 2014 at 2:36 pm #292972
    Yigit

    Hi!

    I have updated the code i posted above, please try it now

    Cheers!
    Yigit

    July 18, 2014 at 2:40 pm #292973
    forum30

    Perfect!!

    Thanks again guys, your support really is excellent. Will leave you alone now – have a great weekend and I’ll write that review!

    July 18, 2014 at 2:42 pm #292975
    Yigit

    Hi!

    You are welcome Daniel, glad we could help! :)
    Thank you for your kind words and please do not hesitate to contact us if you have any other questions or issues.
    Have a great weekend!

    Regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Secondary Menu vanishing on Responsive layout’ is closed to new replies.