How to move the mobile hamburger from left to right?

4 replies · opened Dec 19, 2018

KkloskeeDec 19, 2018

Hi,

I'm using the niche -media agency template. I'm hoping to be able to move the hamburger menu icon from left to right, as the social icons are removed in the bigger screen so the menu items are on the right. Just to keep them in the same side.

Thank you.

KkloskeeDec 19, 2018

I also tried replacing the following code in media-agency.css, it still doesn't work

#primary-menu-trigger {
left: auto;
right: 0;
}

SSemicolon WebSTAFFDec 19, 2018

Hello,

Please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

KkloskeeDec 20, 2018

Hi,

Here's the link.
http://101.0.115.191/~southe38/

And can i also ask about the google map part, not sure what the step 3 does in the documentation, i didn't add it in, yet it worked.

When its on mobile, the bottom address is either too close to the map or its overlap with the map.

Thanks for your help.

KkloskeeDec 21, 2018

Hi,

I managed to change the hamburger to the right by changing the following
Left: 85% !important;

And I also manage to fix the map padding issue.

Now I’m having issue with the opened hamburger overlapping with the logo on some mobile screen size. Is there a way to make sure that the opened hamburger listing doesn’t overlap with the logo? Thanks.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard