Web Hosting Theme Header adjustment

Home Forums All Other Themes Web Hosting Theme Header adjustment

Viewing 8 posts - 16 through 23 (of 23 total)
  • Author
    Posts
  • #90550
    cholkutdioor2012cholkutdioor2012
    Member
    • Topics: 4
    • Replies: 26
    • Total: 30
    Member since: August 8, 2017

    Hi Dave,
    the logo header does not appear on Mobile devices.
    hope you will send a solution soon

    #90625
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 26638
    • Total: 26638
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:767px) {
    .logo { margin-top:0 !important;}
    body .header_wrap .header, body.home.has_trans_header .header { position: relative !important;}
    }

    Regards,
    Dave

    #90648
    cholkutdioor2012cholkutdioor2012
    Member
    • Topics: 4
    • Replies: 26
    • Total: 30
    Member since: August 8, 2017

    Thank Dave,
    It has worked, but I need it to be position like this https://imgur.com/a/sfOJN

    #90660
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 26638
    • Total: 26638
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

    Remove this code

    @media screen and (max-width:767px) {
    .logo { margin-top:0 !important;}
    body .header_wrap .header, body.home.has_trans_header .header { position: relative !important;}
    }

    And add this new code there

    @media screen and (max-width:767px) {
    .logo { position:absolute; margin-top:-95px !important; width:50%;}
    .head-info-area .right { margin-top:10px !important; float:right !important;}
    body .header_wrap .header, body.home.has_trans_header .header { position: relative !important;}
    }

    Regards,
    Dave

    #90664
    cholkutdioor2012cholkutdioor2012
    Member
    • Topics: 4
    • Replies: 26
    • Total: 30
    Member since: August 8, 2017

    Thank Dave,
    It has worked well for mobile, but for a tablet, it looks like this https://imgur.com/a/iKVMR.
    I want it to look like this image of mobile https://imgur.com/a/WQgmQ

    #90665
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 26638
    • Total: 26638
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

    Remove last css code:

    @media screen and (max-width:767px) {
    .logo { position:absolute; margin-top:-95px !important; width:50%;}
    .head-info-area .right { margin-top:10px !important; float:right !important;}
    body .header_wrap .header, body.home.has_trans_header .header { position: relative !important;}
    }

    And add this one:

    @media screen and (max-width:479px) {
    .logo { position:absolute; margin-top:-95px !important; width:50%;}
    .head-info-area .right { margin-top:10px !important; float:right !important;}
    body .header_wrap .header, body.home.has_trans_header .header { position: relative !important;}
    }
    
    @media screen and (min-width:480px) and (max-width:767px) {
    .logo { position:absolute; margin-top:-115px !important; width:50%;}
    .head-info-area .right { margin-top:10px !important; float:right !important;}
    body .header_wrap .header, body.home.has_trans_header .header { position: relative !important;}
    
    }
    
    @media screen and (min-width:768px) and (max-width:1024px) {
    .logo { position:absolute; margin-top:-95px !important; width:50%;}
    }

    Regards,
    Dave

    #90666
    cholkutdioor2012cholkutdioor2012
    Member
    • Topics: 4
    • Replies: 26
    • Total: 30
    Member since: August 8, 2017

    Perfect, thank you Dave,
    Gai Chol

    #90668
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 26638
    • Total: 26638
    Member since: August 16, 2013

    Hi Gai Chol,

    If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/13/

    Regards,
    Dave

Viewing 8 posts - 16 through 23 (of 23 total)
  • You must be logged in to reply to this topic.