Header height in the mobile version

Home Forums Hotel Pro Header height in the mobile version

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #73564
    Dmitriy
    Member
    • Topics: 2
    • Replies: 9
    • Total: 11
    Member since: April 20, 2017

    Hello! I want to change the header height and the height of the slider in the mobile version. To increase the height of the header and increase the height of the slider.
    header
    and How change bg color of mobile version menu?

    #73651
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25811
    • Total: 25811
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL so that we can assist further.

    Regards,
    Brad

    #73667
    Dmitriy
    Member
    • Topics: 2
    • Replies: 9
    • Total: 11
    Member since: April 20, 2017
    #73671
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25811
    • Total: 25811
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

    Add this code there:

    @media screen and (max-width:767px) {
    .logo { margin:30px auto;}
    .theme-default .nivoSlider img { width:180% !important; max-width:180% !important; margin-left:-30%;}
    .mobile_nav a { background-color:#dd8500 !important;}
    }

    Regards,
    Brad

    #73714
    Dmitriy
    Member
    • Topics: 2
    • Replies: 9
    • Total: 11
    Member since: April 20, 2017

    Thank you. Still there is a question.
    Thanks to you, I changed the code a bit:

    @media screen and (max-width:767px) {
    .logo { margin:10px; max-width: 10%;}
    .theme-default .nivoSlider img { width:280% !important; max-width:280% !important; margin-left:-30%;}
    

    Here’s what I got:
    image1
    But I want the text under the logo to be next to it, like in the picture below
    image2
    Link Goodzoneclub

    #73718
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25811
    • Total: 25811
    Member since: August 16, 2013

    Hi,

    Kindly use this css code:

    Remove This CSS
    .logo { margin:10px; max-width: 10%;}

    Add This CSS code there:
    .logo {
    margin: 10px auto;
    max-width: 50%;
    }

    Regards,
    Brad

    #73725
    Dmitriy
    Member
    • Topics: 2
    • Replies: 9
    • Total: 11
    Member since: April 20, 2017

    I changed the code like you said, but that’s not what I need.
    Result on the picture below
    image3
    I want it to be like the picture below
    The heder and logo are minimized, and the text is made to the right of the logo.
    image4

    #73727
    Dmitriy
    Member
    • Topics: 2
    • Replies: 9
    • Total: 11
    Member since: April 20, 2017

    I want it to be like the picture below
    qwe

    #73788
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25811
    • Total: 25811
    Member since: August 16, 2013

    Hi,

    Kindly use this css code:

    Remove This CSS
    .logo { margin:10px; max-width: 10%;}

    Add This CSS code there:
    .logo { max-width:100%; margin:10px; text-align:left; min-height:65px;}
    .header .logo img { height:auto !important; width:20%; float:left; margin-right:20px;}
    .logo span.tagline { padding-top:20px;}
    }

    Regards,
    Brad

    #73830
    Dmitriy
    Member
    • Topics: 2
    • Replies: 9
    • Total: 11
    Member since: April 20, 2017

    Thank you! it works!
    But the problem with the slider
    I took advantage of your decision:
    .theme-default .nivoSlider img { width:180% !important; max-width:180% !important; margin-left:-30%;}
    Changed it to the following code so that the slider was on the whole screen
    .theme-default .nivoSlider img { width:380% !important; max-width:380% !important; margin-left:-30%;}
    Result on as in the picture below
    img
    All is well, but the picture is on a too large scale. Is it possible to enlarge a picture without such a zoom?

    #73953
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25811
    • Total: 25811
    Member since: August 16, 2013

    Hi,

    This is not possible to enlarge picture without zoom.

    Regards,
    Brad

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