Need to adjust Atlantic dropdown menu to be full screen width. Right now it is a long drop down

New Member
4 0 0

currently my navigation menu is dropping down into a vertical drop like a long list. 

In the Atlantic "LIght version" theme preview it shows the dropdown across the whole screen.  How do I get mine to do this?

 

@urbanelifestylehome is my shop please help need to get my site live.  Appreciate it so much

0 Likes
Shopify Partner
1143 191 472


Please provide website url and if your store is password protected then also provide password

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
New Member
4 0 0
Here is the url: https://urbane-lifestyle-home.myshopify.com
PW: 24Morello
0 Likes
Shopify Partner
1143 191 472

it is showing wrong password

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
New Member
4 0 0
Please try:

weelye
0 Likes
Shopify Partner
1143 191 472

Please place this code at the end of theme.scss

.list--inline>li, .site-nav, .site-header__mobile-nav, .site-header {
position: unset !important;
}

div[data-section-id="header"] {
  position: relative !important;
}
.site-nav__dropdown {
    width: 100%;
    top: 66px;
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
New Member
4 0 0

What section am I supposed to paste this code in? Im not following how to do this.

0 Likes
Shopify Partner
1143 191 472

Go to Theme Editor -> Main theme -> Edit code -> Assets -> theme.scss

Pasts this code at the end of theme.scss file

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com