Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 13, 2015 at 3:00 pm #395767
    torndownunit

    I posted this question in another thread, it it was sort of hijacking another post and slightly off topic.

    Is there a way to have the regular menu show on tablets, but not have the menu and logo overlap? I would rather just have it show the normal menu. In landscape mode if I use the mobile menu on tablets for example, the icon for the drop down is way over to the right and a little hard to notice. The mobile menu looks great on cell phones, but not as good on a tablet.

    I know there is an option only show the mobile menu on phones, but I am attaching a screenshot of what I see if I use that setting. The logo and menu don’t seem to resize at all , just butt together and overlap on the tablet if I don’t turn on the setting to enable mobile menu on tablets.

    Thanks

    Screenshot

    http://104.236.40.172/

    • This topic was modified 9 years, 9 months ago by torndownunit.
    February 13, 2015 at 3:09 pm #395778
    Yigit

    Hi torndownunit!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 6px;
}}

    Best regards,
    Yigit

    February 13, 2015 at 5:00 pm #395857
    torndownunit

    Hi thanks for the reply. I added that code, but things look the same as in the screenshot I sent last post of the ipad in portrait view. The logo and the menu still butt right up like that.

    EDIT hold on that code copied kind of funny let me retry.

    • This reply was modified 9 years, 9 months ago by torndownunit.
    February 13, 2015 at 5:09 pm #395866
    torndownunit

    Fixed, thanks a ton!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Responsive menu on tablets question’ is closed to new replies.