In addition to the first sites problem, I noticed that this code where I disable some of the sorting options in the shop page, the woocommerce page element breaks.

div .product-sorting ul ul li:nth-child(2), li:nth-child(5), li:nth-child(7), li:nth-child(8), li:nth-child(9), li:nth-child(10) {
    display: none;
}

It does hide the sorting options that I wanted but it also hides at least one of the products and the view of the shop page is broken. There is en empty space where a product (now missing) should have been and some of the paddings are also broken. Please see pictures. (It doesn’t matter how many columns there are chosen from the woocommerce settings)

Any ideas why it might break? Other sites (again) have worked ok with this code.

Hi,

Now I have these codes in my quick CSS but the problem is that which ever of the two codes (either the padding 30px OR the margin-top 0) are on top of the other cancels the other. So in this instance, I have the margin code working BUT the padding code will not work. If I switch it so that the padding code is above the margin-top code, the margin code (fixing the time alignment) stops working.

.tribe-events-single-section.tribe-events-event-meta.primary dt:not(:first-child) {
    margin-top: 0;
}

#top #tribe-events-pg-template {
    max-width: 100%;
    padding: 30px !important;
}

.tribe-events-visuallyhidden{
  display: none;
}

I wonder if the quick CSS in this new Enfold version has a bug or something? That’s because I also have a problem in one of my other sites where the quick css keeps bugging: the scroll-to-top button disappeared from mobile view ALTHOUGH I do have the right CSS code showing it. It has worked before but after the update, it stopped. So the code I have is

@media only screen and (max-width: 767px) {
    .responsive #top  #scroll-top-link {
    display: block;
}
}

I also added a minor tweak for the appereance but it doesn’t matter if I have it in there or not. Tried both ways.

a#scroll-top-link, a#scroll-top-link:hover {
background: #bf4da4;
border-radius: 100px;
font-size: 26px;
}

In the front page, click one of the “services” links. :)

Thanks! Then I’d like to know if it is possible to lower the whole box containing the caption in the centered version.

In the full screen mode the text is centered to the middle of the screen, but when measuring from the menu, it’s not vertically in the middle.
See the photo. The caption is indeed in the middle of the screen, but how could I lower it so that it would be in the middle when measuring from the menu to the ent of the page?

Thanks :)

Yes, but I want the items to be centered to the center of the page. (So is there a way to get the top padding to apply just to the first menu link? or any other way of achieving it?) …Since now that I deleted the top padding from all the links, the menu items are all at the top of the page. Please see the picture I’m trying to achieve (the first post)

Hi!

Yes, i know that there’s no layout like that. I was wondering could I center the menu with some code?

I used this combination:

.av-main-nav > li > ul *,.av-main-nav > li > ul { background-color: transparent!important; }

.header_bg { background-color: rgba(0,0,0,0)!important; }
#main { margin-right: 0px !important; }

span.avia-menu-text { text-align: right; }

span.avia-menu-text {padding-top: 12vh!important;}

/* Transparent header on mobile */
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency,
.av_header_transparency #advanced_menu_toggle {
background: transparent!important;
position: absolute!important;
}}

That would work but every main menu item gets its own padding (I’d like the menu items to be close together and centered)

No I haven’t installed an image compression plugin. Please see the screenshot in the private field. The color difference is there even though the pictures are the same!

Hi there! I cleared my cache and even used other browsers and no luck. The colors are different as you can see from the picture (below). I changed the picture to the top to match the picture below it so you can see the color difference. What could be the problem? :S

Thanks for the tip but it didn’t work :/