HarKS

Hi, I've added changes in the meantime. But there is still a scroll bar showing in edit mode for mobile.

Hey, this worked great, but it got rid of my cta button in the mobile menu; so how do I retrieve it?

Thankfully it's visible on desktop

Site URL: https://www.agirlaftermyownheart.co.uk/home

Hi all, 

I really need your help. When my dropdown mobile menu is open, the area where my logo is seems disconnected from it. When scrolling, it brings up all the content underneath. It appears as if the mobile menu is not fully covering the page or something? I cannot find any css on this.

Desktop is fine, just mobile.

Hi,

can someone please help, my dropdown menu is overlapping!

http://www.agirlaftermyownheart.co.uk

On 4/3/2021 at 3:20 PM, lisanemetz said:

Hi there, what a great thread to find! I have an additional question that I don't think has been answered. 

Is there a way of adding a separation line between each dropdown item and/or increasing the (vertical) space between the items a bit, so it's clear that they are separate items?

Thank you!

I think that may be

.header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item {line-height:0;}

for example in your css

Hi Tuan,

How do you change the font size of the button in a newsletter block? I have tried your method, and no luck so far.

Quote

button.newsletter-form-button.sqs-system-button {font-size:10px !important}

Nothing is happening to it.

Hi Tuan,

I tried your coding to fit my issue:

Quote

@media screen and (max-width:767px) {
[data-section-id="5f95e4dc3867be310249b267"] {
    min-height: 90vh !important; padding:40px
}
}

However, I would still like my image to fit the container it is in. It seems it is extending beyond the screen which does not look on brand. Any advice?

Hi Creedon,

That worked perfectly! Thank you. However, It has now in turn given me a new problem. I will send this to your messages.

Hi Inunzi,

Unfortunately no luck.

The 'About' is already further apart, so when I use link spacing, it makes it worse. I somehow need to isolate that one nav link, because if I use 'word-spacing' in the CSS, they will all move.

***My Navigation Menu is Socially Distancing***

Q: Any idea how to move my 'About' closer to the rest of the navigation menu? I am using 7.1, and when I add more nav buttons, things start to shift.

Hi Guys!

May have solved the issue here... This worked for mine... and I had two nav items underneath the original line. Have a fiddle with the numbers to reflect your page

.header-nav *, .header-menu-nav * { display: inline-block !important; padding: -0.5rem; margin: -17.5px;
  }

Let me know how it goes...

p.s.

Does anyone know how to move nav items closer together? My first nav item seems so far from the rest? 😕

Same issue!! Not great as my site will be evolving and will require more pages. Any Circle members that could help with this?