HVAC theme ipad screen nav

Home › Forums › All Other Themes › HVAC theme ipad screen nav

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 9, 2023 at 2:31 pm #209661
    NigelNigel
    Participant
    • Topics: 184
    • Replies: 336
    • Total: 520
    Member since: March 17, 2016

    Hi

    my clients ipad screen (553pix) is showing a navigation stacking issue. see sample
    https://wiknc.nimsite.uk/wp-content/uploads/2023/11/Capture3-ipad.jpg

    https://wiknc.nimsite.uk
    is it possible to control the screen width so that the 3 bars replaces the text navigation?

    thanks

    November 10, 2023 at 10:51 am #209664
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 31268
    • Total: 31268
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS to resolve the issue.

    @media screen and (min-width:1024px) and (max-width:1169px) {
.has_trans_header .header.type3 #topmenu ul li a, .has_trans_header .header.type4 #topmenu ul li a {padding: 20px 10px;}
}

    Regards,
    Chris

    November 10, 2023 at 2:59 pm #209684
    NigelNigel
    Participant
    • Topics: 184
    • Replies: 336
    • Total: 520
    Member since: March 17, 2016

    thanks, can you also let me know how I can increase the header logo size on the tablet screen please?

    November 10, 2023 at 6:27 pm #209689
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 31268
    • Total: 31268
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS to increase logo size on tablet screen.

    @media screen and (min-width:1024px) and (max-width:1169px) {
.logo { max-width:400px;}
}

    Regards,
    Chris

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.