guzmanariel525

It’s hard to tell why this is happening, but I would imagine the CSS selector you are using is too general. Instead, add a specific class to this logo element like .rounded-corners and apply the CSS necessary for that class. That way it only applies to that class and not all the images. You can even re-use it in the future if you want another image with rounded corners.

Are you using a specific theme? If so, you may want to find a way to contact them to see if anything changed with this process or why it disappeared.

Hi!

It looks like you should remove the grid-template-columns set on the .shipping-area class for mobile. It would look like this:

 @media (max-width:768px){
    .ea-woo-checkout .woocommerce .ea-woo-checkout-order-review .ea-order-review- 
    table-footer .shipping-area {
        grid-template-columns: auto;
   }
}

Hi,

You might be right when you say that the site might not support the classic editor. Here are some other implications.

When you don’t update your site there are some security implementations that have been resolved between your site’s version and the current WP version. Hackers look for holes like this and if you think your site doesn’t have enough traffic or is not seen enough to get hacked, please think otherwise. I thought the same and learned the hard way.

This is the same with plugins. As WordPress updates so do plugins who are active (which can be even more vulnerable to hackers). They can also update things that work better with the newer version of WP that won’t be compatible with your version and things can break.

You can also miss out on optimizations and making your site run faster.

I hope this helps!

Are you using a plugin to send these emails? It may be a SMTP issue

.post_share {
   display: flex;
   align-items: end;
}
.zalo-share-button {
  margin-bottom:8px;
}

If you want the icon to be the same height as the others, adjust the width and height of the class .zalo-share-button.

Hope this is helpful

Hello, this is hard to answer without more details or being able to see the site live. But with what you have said, I would advise you to look at parent element widths that might be effecting the width.

Hope this helps!

These styles are coming from integrity-light.css. It might be the theme css file

.x-navbar-fixed-top {
    top: 0;
    left: 0;
    right: 0;
}
.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
    position: fixed;
    z-index: 1030;
}

Hi, it would be easier to investigate with a URL in order to inspect the CSS that might be causing this. Thank you!

A good way to check to see which plugin might have affected this is by deactivating each plugin one by one and seeing if the dropdown arrows appear. Once you find the culprit it would probably be best to put in a support ticket to the themes developers so they know that the specific plugin conflicts with their dropdown arrows and they can fix it for you and for anyone else that has the issue.

You should check the your setting to make sure the appropriate page is set to the homepage.

In your WordPress admin, you can go to Appearance -> Customize-> Additional CSS and add the following:

.et_fixed_nav #main-header, .et_fixed_nav #top-header, .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header {
   position: fixed;
}

It would probably be easier to get the link to the website to diagnose. You will have to set the menu container to position:fixed;

Please re-read what I mentioned in my previous comment. I did not say to add it. I said to remove the line of padding where that CSS is.

Hello,

It looks like there is a min-width media query of 768px that adds the slope that you are referring to. You won’t need to touch that media query but rather the other styles since this was coded mobile first. You will have to remove the padding styles in the following within you styles.css:

.elementor-template-full-width #content > .region__container, .page-template-elementor_header_footer #content > .region__container, .elementor_library-template-elementor_header_footer #content > .region__container {
    padding: 0 !important;
    max-width: 100% !important;
}

• This reply was modified 3 years, 4 months ago by guzmanariel525.