Set The Class Of This Column For Tablets. - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Set The Class Of This Column For Tablets.

CK

craig kennedy

Template 3 years ago

I am trying to figure out how to get the menu to dissapear and switch to the mobile hamburger icon when the width gets too narrow for the menu to remain on a single line, but nothng I change makes a difference. I am assuming the section in the template headed "Set the class of this column for tablets" is where I should be looking, but I cant find anything that explains the 12 column options or how it should work, if infact this is the function I need to look at.

My header structure is as follows

2,8,2 Logo, Menu, 2 icons.

The 2 icons are set to not displayt on mobile or tablet. The mobile works fine, but tablet just moves the menu over 2 lins screwing up the template until it gets a bit smaller

0
1 Answers
Order by
Oldest Newest Votes
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #56481

Hello craig kennedy

Please use this CSS to Template Options -> Custom Code -> Custom CSS to trigger offcanvas on 1200px screen size.

@media (max-width: 1200px) {
    #offcanvas-toggler {
        display: block !important;
    }
    #sp-menu .sp-megamenu-parent {
        display: none !important;
    }
}

To change the column value, go to Template Options -> Layout If you are using predefined header, then turn it off and take a Custom Header. Please follow this documentation

Best regards

0