I have this problem after installing polylang and changing webdeisgn-section-right-side label to webdesign-section-right-side h3

.webdesign-section-right-side h3 {
margin-top:-7.5rem;

}

I am trying to get it up. I have changed to id the problem is gone. but when I change it to class it is not working . but if I do margin-top to 5rem there is no problem only in negatief

this is hapenning in media query.

@media (min-width: 1081px) and (max-width: 1280.09px) 
and in media query:

@media (min-width: 1281px) and (max-width: 1560.09px) 	

under 1081 on mobile there is no problem at all.

how this problem come? how I can fix it?

I have removed polylang plug in and disabled lierspeed but the problem is not solved.

I have also run database repair it didn’t help.

it is only (-margin) not recognizing

thanks

I made media query between 541px to 640px .

but when I open onderhoud page in this resolution the top margin is deforming .

this is the code :

.flex-container-onderhoud-page-section1 {
	
	  width:100%;
	max-height:500px;
	display:flex;
	flex-direction:column-reverse;	
  margin-top:6rem;
	
}
	.onderhoud-page-section1-left-side    {
	
	width:100%;

  
	
			
}


.onderhoud-page-section1-right-side{

	width:100%;
	
}

.onderhoud-page-section1-right-side-title {
	font-size:1.75rem;	
color:#000000;
font-family: 'Ravi Prakash', cursive;
margin-left:2%;
	
      

}

I know that when I go from 541 to 640px it wil change of position when I use margin-top but the problem is it is taking to much space.

how I can solve this problem I tried vh property but it didn’t help?

you have to go to onderhoud page and open inspect element between 541 to 640px to see what I mean.

how I can make it more stable? I am using column-reverse may be this is causing the problem

thanks

I’ve been struggling with making the sub-menu not overlap with the main menu. See screenshot: https://ibb.co/gMCdQrS

I’ve tested all presets and a lot of custom CSS styling in attempt to drop the menu down just a little bit (it’s currently overlapping the main menu with 5px). When performing an inspect element on the page, more specifically “<ul class=”mega-sub-menu”>” and adding custom css styling (margin-top: 5px;) will solve the problem (as seen here: https://ibb.co/ZfHTr1L).

Good to know:
The menu drop downs exist out of Elementor pages that are linked with Max Mega Menu. I have also tried to style those pages with this margin, but it didn’t solve the issue.

I would love to know if any of you have an idea of how I can have this simple margin-top: 5px css styling applied correctly.

Thanks in advance

iv’e trying to add margin-top to the header inside my page and article in generatepress free.

Inside articles i’ve used succesfully the css-code:

body.single .inside-article h2, body.single .inside-article h3 {
    margin-top: 50px;
}

… from: https://generatepress.com/forums/topic/add-margin-in-heading/

But it won’t change it at my published page below.

Anybody know how to change the css-code for pages?

Greets

I upated today to Gutenslider 5.0.12. Now, there is a white space of ca. 20px over the slider.
On ALL Browsers.
Here is a screenshot from Google Chrome:
https://www.dropbox.com/s/220i45i9uebo2je/Gutenslider-Chrome.png?dl=0

Maybe this is conneted with your improvememts on this issue, becelung described?https://www.ads-software.com/support/topic/gutenslider-5-0-completly-broken-on-safari/#post-14436708

Please check and fix. I’m tired of updating your plugin every day and getting new surprises over and over again.

Thanx!

<div class="site-inner" style="margin-top: 90.1167px;">

The first section widget on the page contains two columns. The right column contains an image carousel widget with 13 images. The margin-top value is applied only after displaying all 13 images in the carousel. As a result the image carousel, as well as the heading widget in the left column of the section, are incorrectly drawn by the browser 90 pixels too high. Then, after the 13th image is displayed in the carousel, the contents of both columns suddenly jump down 90 pixels to their correct vertical position.

Am I seeing the results of a bug or have a misconfigured something?

Error in parsing value for ‘margin-top’. Declaration dropped.

It seems to be generated by something running in a timer — about 1000 errors every 10 seconds.

Anyone know what this is?

Using Firefox and Safari.

Thanks,
Alex

How can I reduce the margin on top of the side content on pages on mobile versions?

On my desktop version I did it with this code:

.site-content .page {
margin-top: -120px;
}

but on the mobile version, I need even less space there.

What’s the right custom CSS?

I have been searching for the solution on various forums but could not find any. I’m running a Genesis Framework on my WordPress Blog and I have never tweaked or changed codes of the theme but still there’s empty space in the header as seen as in the screenshot below.

Sorry I’m not able to add screenshot here but I have uploaded it on image sharing site and you can find it here: https://pasteboard.co/IvnlLbB.jpg

Either way you can check it here: https://bit.do/e6rnV

Kindly guide me how to remove the white/empty space from my blog header.

Thanks in Advance

Setting the margin header and margin top values in the settings tab of a form don’t seem to take effect.

I believe the fix is in the send-pdf.php file. Change line 638 to the following:

$mpdf = new \Mpdf\Mpdf([‘mode’ => ‘utf-8’, ‘format’ => $formatPdf, ‘margin_header’ => $meta_values[‘margin_header’], ‘margin_top’ => $meta_values[‘margin_top’],]);

That seems to work for me.