Forum Replies Created
-
Posts
-
Ah, thanks but this doesn’t really fix it. That mobile class is there because it’s necessary for the mobile menu. On desktop it looks weird – not in the right place, I need the ‘home’ link to be top left. Can’t figure out where it’s gone! Any idea?
Ah OK – thanks for clarifying. Don’t know where I’m getting those options from! Was able to find a plugin with similar options anyway.
OK, another attempt. This gets stuff basically inline, but it’s such a mess.
.entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content li, .entry-content figcaption, .entry-content figure.wp-block-image { max-width: 700px; margin: auto; }Does Enfold still allow code like:
[data-structure*="narrow"]to work? I can see this is how widths are set up on my basic Blocks site:--blockWidth: var(--containerWidth); --blockMaxWidth: var(--narrowContainer); --blockWideWidth: calc(var(--narrowContainer) + var(--wideOffset) * 2); }Tried fixing with:
.entry-content { max-width: 700px; margin: auto; }But this breaks the full width header and image blocks here: https://btribble.com/new-home/
All this stuff … just works on straight Blocks sites I’ve made like this!
… confused!
Thanks for this – it works. Trouble is now, the transparent header with white text is invisible, as the ‘red block’ doesn’t extend to the top of the screen. I’d just make the header red – but other pages use different colors or photos. When using the old editor, this isn’t a problem (see e.g. https://btribble.com/portfolio-item/design-sprint/).
Is there any way I can use the blocks editor and still get ‘full bleed’ photos or backgrounds?
Thanks
The only thing that’s really looking messed up on the site now is the ‘Testimonials’ From closer inspection it seems like none of the Avia testimonial shortcode CSS is working, but I can’t see why. Can you suggest a fix?
Thanks!
(Under ‘Recommendations’ on homepage)
Hi Rikard – managed to fix this – albeit in a really janky way. Is there a more elegant way to target the ‘scrolled’ text in the header?
#header.all_colors.header_color.light_bg_color.av_header_top.av_logo_left.av_main_nav_header.av_menu_right.av_slim.av_header_sticky.av_header_shrinking.av_header_stretch_disabled.av_mobile_menu_tablet.av_header_searchicon_disabled.av_header_unstick_top_disabled.av_bottom_nav_disabled.av_header_border_disabled.header-scrolled.header-scrolled-full div#header_main.container_wrap.container_wrap_logo div.container.av-logo-container div.inner-container nav.main_menu a span.avia-menu-text, #header.all_colors.header_color.light_bg_color.av_header_top.av_logo_left.av_main_nav_header.av_menu_right.av_slim.av_header_sticky.av_header_shrinking.av_header_stretch_disabled.av_mobile_menu_tablet.av_header_searchicon_disabled.av_header_unstick_top_disabled.av_bottom_nav_disabled.av_header_border_disabled.header-scrolled.header-scrolled-full div#header_main.container_wrap.container_wrap_logo div.container.av-logo-container div.inner-container span.logo.bg-logo aThanks Rikard – that helped, but only half the ‘X’ got fixed! Confused.
Menu text colors also not consistent.
Tried the “Delete old CSS and JS files? option” but it didn’t seem to make any difference.
OK thanks – that fixes the menu.
Mobile menu works now but ‘X’ to close is hidden. Can’t figure out how to change the color – can you help?
Also – weird thing: I used to be able to override main site CSS with the child styles.css. No longer seems to work, but “Customising Additional CSS” works fine. Any idea why?
Thanks Jordan but that doesn’t fix it – just adds a bigger margin at the top. Looks odd on a tall screensize, and will still overlap on a short screen.
Is it possible to lock content so it doesn’t overlap?
Never did get this fixed in the end – it’s not a major issue, but I imagine it might be a bit annoying for mobile users. Any way to fix this in the current theme?
Thanks
Also can you give me a tip as to where to add the code?
Trying to add it to the above pasted code, but it doesn’t seem to be running – appears in theme header. Many thanks!
Hi Ismael – thanks for this, but is there any update proof way to do this? Bit wary of making a modification I’d have to re-fix every time I update.
Ah, Google helped me find this:
Thanks Vinay. I’ve followed the instructions here but it doesn’t work as yet. I’m using a child theme, so I made the js/ folder and added my edited avia.js here. However, the behaviour is the same. I’ve noticed that two avia.js’ are getting loaded:
Could there be something wrong in my functions.php to make this happen? No idea how this works.
