Archived topic
Anchor links break section background color
1 reply · Started by Pekka Kortelainen on August 12, 2018
Hi! First of all I want to thank the developers for making and maintaining this awesome, multi-purpose theme. I use GP Premium in every single one of my projects.
For the first time after three years of use I have a problem that I'm unable to resolve by myself.
I have multiple pages that were made using Sections. To give the content some spacing I've used empty sections with a background color and 20px/20px padding. Basically just a 40px high bar with a background color.
My menu structure is like this:
Page 1
- subsection 1 of page 1
- subsection 2 of page 1
Page 2
- subsection 1 of page 2
- subsection 2 of page 2
The links for the subsections are anchor links that point to the Sections after those empty/spacer bar Sections using custom id in the Section settings.
The problem is that when I click those subsection links, the background color of those empty/spacer bars changes.
For example, open up the War History page: https://rautjarvitravel.com/warhistory/
Scroll down to the Desantti section. There's those bars before and after that Section. Then click the Desantti anchor link: https://rautjarvitravel.com/warhistory/#desantti
And my bar background color is gone! I'd be happy to provide admin login information for a developer if needed.
Hi there,
Instead using an entire section to create a divider like that, would you consider just applying border bottom to the section?
.generate-sections-container {
border-bottom: 30px solid #333;
}Let me know if this helps :)
