[Resolved] Main Navigation Menu affected after elementor page is added in GP Hooks

[TiongYew]

The typography and alignment of main navigation menu is affected after i add elementor page id into GP Hooks.

Kindly advise how to solve the issue.

[Leo]

Hi there,

What are you adding to GP hooks exactly?

[TiongYew]

I customize one page and make it as “footer”.

then I add hook by using code [INSERT_ELEMENTOR id=xx] under column of ‘before footer content’.

try to view website as below

https://solomencafe.com

https://solomencafe.com/all-day-set-menu/

[Tom]

What about it isn’t working exactly? I assume it’s the section with the Google Map in it?

[TiongYew]

The typography and alignment of main navigation menu is affected after i add elementor page id into GP Hooks.

alignment shd be on right hand side without interfering navigation logo.

I’ve just disabled the hook, the main navigation act normal.

Later when I enable the hook, the alignment and typography of main navigation menu go wrong.

[TiongYew]

Below is the screenshot for main navigation menu before and after hook is enable.

https://solomencafe.com/screenshot_20171215-005522/

https://solomencafe.com/screenshot_20171215-005622/

[Tom]

You have this CSS added which is causing that issue:

.main-nav {
    list-style: none;
    float: left;
    margin: 0;
    font-family: Montserrat,Arial,Helvetica,sans-serif;
    padding-left: 100px;
}

[TiongYew]

Tom, appreciate a lot for your prompt reply.

Where can I remove this CSS? I don’t find it under simple CSS and additional CSS.

[Tom]

It’s in this file: https://my.sendinblue.com/public/theme/version4/assets/styles/style.css

[TiongYew]

Thank you very much for your support. Thumb up.

[Tom]

You’re welcome 🙂

[Author]

Posts