Hi Rikard,
everything fine with this topic. Please close it.
Best regards

Hi Rikard,

Great, that fixed the HEADER on my laptop, but the Menu items for the “Notaria” menu are still not listed completely.

Regards,

Ramon

Hi Ismael,
Thanks for the response. I’m looking for the margin adjustment to only affect the lightbox. I tried using your code but as a class=contentmodal for the link like this, but it didn’t work.

/* Hide modal margin where header is */
html .contentmodal #main {
padding-top: 0 !important;
}
html .contentmodal #main .container .content {
padding-top: 10px;
}

In Mike’s functions.php he references “modal” which appears in the link as ?iframe=true&modal. Is there any way to style just the modal with your CSS by adding a class or ID? This is my only use for the modal on the event site.
Thanks for your help!

Additional comment:
Is it possible to change the color background only in the mobile screen?: transparent area menu for laptop screen and when we change the size screen to mobile, then it changes to blue background.
Thanks!

In the case of the subtext H1… I have tried

.header_color {
text-align: center!important;
color: #25463!important;
}

also

.header_color h1 {
text-align: center!important;
color: #25463!important;
}

.subtext {
text-align: center!important;
color: #25463!important;
}

It keeps pulling through the black colour from the following location and is ignoring the text align on desktop completely.

.header_color .heading-color,.header_color a.iconbox_icon:hover,.header_color h1,.header_color h2,.header_color h3,.header_color h4,.header_color h5,.header_color h6,.header_color .sidebar .current_page_item>a,.header_color .sidebar .current-menu-item>a,.header_color .pagination .current,.header_color .pagination a:hover,.header_color strong.avia-testimonial-name,.header_color .heading,.header_color .toggle_content strong,.header_color .toggle_content strong a,.header_color .tab_content strong,.header_color .tab_content strong a ,.header_color .asc_count,.header_color .avia-testimonial-content strong,#top .header_color .av-related-style-full .av-related-title,.header_color .wp-playlist-item-meta.wp-playlist-item-title,#top .header_color .av-no-image-slider h2 a,.header_color .av-small-bar .avia-progress-bar .progressbar-title-wrap,.header_color div .news-headline .news-title,.header_color .av-default-style .av-countdown-cell-inner .av-countdown-time,.header_color .av-default-style.av-countdown-timer.av-flip-numbers .card__top.card-time-color,.header_color .av-default-style.av-countdown-timer.av-flip-numbers .card__bottom.card-time-color,.header_color .av-default-style.av-countdown-timer.av-flip-numbers .card__back.card-time-color::before,.header_color .av-default-style.av-countdown-timer.av-flip-clock .flip-clock__card .flip-clock-counter {
color: #000000
}

I’ve just discovered something that I think is causing the issue.

A lot of changes I have been making have not been applying to the DESKTOP SITE. They are all working on the mobile site. For example, I have tried centering masonry gallery titles and this was not working on desktop but did on mobile. I have also followed the steps to edit H1 in logo area — this is working on mobile site but not desktop. And the change about IS working on mobile, but not desktop. Therefore I need to fix whatever is causing these changes to work on mobile but not desktop…

Any ideas?

• This reply was modified 2 years, 1 month ago by TBant.

It was on desktop too. The code below did the trick.

If the issue is also happening on desktop view, remove the css media query.

.wc-block-components-form .wc-block-components-text-input.is-active label,
.wc-block-components-text-input.is-active label {
opacity: 0;
}

Thanks!