Menu when responsive

Home Forums All Other Themes Menu when responsive

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #133358
    Deric Christian
    Participant
    • Topics: 2
    • Replies: 3
    • Total: 5
    Member since: October 20, 2019

    Hi,

    I am working with the SKT Landing theme and my question here is, when viewing the website in a mobile, the logo appears to be very large in size. Can someone here please assist me with the following:

    -> reduce the size of the logo and insert the logo in the homepage slider.
    -> only show the hamburger icon for the drop-down menu and not cover the entire width with the menu.

    Thanks in advance.

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

    Hi,

    Kindly show us your website URL please?

    Regards,
    Dave

    #133362
    Deric Christian
    Participant
    • Topics: 2
    • Replies: 3
    • Total: 5
    Member since: October 20, 2019

    Hello Dave,

    The URL is: http://www.asieldigital.com/

    I have currently sent the logo property to display:none under the theme-responsive.css

    Regards,
    Deric

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

    Hi,

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

    Add this code there:

    .toggle { width:60px; text-indent:-99999999px; float:right;}

    Regards,
    Dave

    #133368
    Deric Christian
    Participant
    • Topics: 2
    • Replies: 3
    • Total: 5
    Member since: October 20, 2019

    Hello Dave,

    Thank you for your help. Also, is there a way I can put a logo on the top left corner beside the menu toggle button?

    Regards,
    Deric

    #133371
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25250
    • Total: 25250
    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:479px) {
    .header .header-inner { background:#000; padding:25px 0 0;}
    .header .header-inner .logo { width:30%; display:block !important; float:left !important;}
    .header .header-inner .logo img { height: auto !important; display: block !important;}
    }

    Regards,
    Dave

    #133374
    Deric Christian
    Participant
    • Topics: 2
    • Replies: 3
    • Total: 5
    Member since: October 20, 2019

    Hello Dave,

    I’m happy with thew solutions.

    Thank you for your help.

    Have a great day!

    Regards,
    Deric

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

    Hi Deric,

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

    Regards,
    Dave

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