Hi

Tank you for helping me.

I am realising that it would be best for me to redesign the whole site in a way that does not require CSS coding.
Preferably I would love a WYSIWYG editor.

How would you recommend me to redesign our site in a way where we would not need CSS coding and where we would not loose important SEO linking to all the pages. Is it at all possible to redesign the pages one by one, keeping the URL´s, into a CSS-free design?

Very thankful for your guidance here.

/Hanna

Hi.
I´m sorry but CSS-coding is not simple for me in any way.
I have no clue what you just did or mean I can do.
And whatever you added did not fix how it looks on mobile.

Is it not possible to use Enfold to design a site without knowing how to use CSS?
I would love it if you could give me a way to change the design I am referring to without having to add CSS.
Is that possible?

Thank you,
Hanna

Hi.

The transparent color section is still not very well responsive on any of the pages where it is used:

All the sub pages under this menu: https://geilolaft.no/hyttemodeller/
Ex one of them: https://geilolaft.no/hyttemodeller/froystul/ – here it looks good almost all the way down from a large window size to the small, but in the smallest/mobile size it does not look good.

And all three sub pages under this menu: https://geilolaft.no/hyttetomter/

They all behave a bit differently.

For example on this page: https://geilolaft.no/hyttetomter/voringsfoss-liseth/
the second Color section (containing a Special Heading) is aligned at the bottom of the first Color section (containing a Background image with a Special Heading on top) in larger window sizes, but scaling down it jumps up with a margin above the bottom edge of the large image in the first color section in all sizes down to the smallest/mobile size.

But for example in another case: https://geilolaft.no/hyttetomter/lia-fjellgrend/
the setup is the same, but here, the second color section is jumping up and down when scaling down the window. (jumping between being aligned with the bottom edge of the large image in the first color section, and with a margin above the bottom edge)

Since they all behave differently, will one CSS code cover them all? If one of these can work well, I could apply the changes to all the other pages.

Thank you for your help,
Hanna

Ok thank you so much!

/Hanna

Hei.
Yes thank you! That was helpful and it looks much nicer! :)

Yes! Now it works in both Chrome and Safari!
Thank you so much for dedicated support! :D

/Hanna

Yes I have flushed my browser cashe and history for all time in Chrome. The issue remains.
I also checked in Safari now, after flushing browser cashe and history for all time, and there the problem is double – it happens twice before going to burger menu.

See private content with dropbox link to a screen recording of how it works in chrome and safari after flushing cashe now.

Sure, but I need guidance as to where exactly this code is to change it. :) Rikard put it in for me, and I don´t know where this is.

Thank you,
Hanna

Try new login in private message:

Hi,
Ok. but where do I find and change this code?
I can´t find it under: Theme Options –> General Styling –> Quick CSS or: Appearance –> Customize –> Additional CSS
I am a rookie in this field, so I am very thankful for a detailed guide.

Thank you!
Hanna

Hi,
Ok, see private content for screenshots and login.

/Hanna

Oh. and no, you would not see the problem now, because I removed the CSS code so that the page would work for visitors

Hi Rikard.

I tried the CSS code and it does switch to a burger menu at an earlier point, solving the problem where the last meny object jumps below all others. But the burger menu is not looking or working properly in this in-between-format compared to the smallest format.
The burger menu itself is centralised in stead of aligned to the right as in the smallest window. And when opening the menu it looks different from the one in the smallest format – the burger menu itself pops to the right, while the X to close it is centralised in the window and not inside the menu to the right. Menu items that are hidden in the smallest view are visible here, but behind the burger menu, and the main menu titles are not readable. Probably because there is white text on white background. Only sub menu titles are readable, they are in white text on grey background. Preferably this opened menu should look exactly like the one in a smaller window, where all the text is grey on white background.
So, how to make this burger menu look and work with the page the same way as with the smallest format (mobile friendly format)?

Best regards,
Hanna