Varshil

You can check this URL for better understanding

https://investors.rovio.com/en/factsheet

Hello @otpmedia

No you do not have to create the whole image. You just have to create the below wave in svg format and than using css you can manage that to give effects.

Hello @otpmedia,

To Remove the business name with top white bar, simply put below css in your custom css file

.site-header{
display: none;
}

For your Second question, you need to make that kind of image in the photoshop or probably you tell your designer to made one for you and than with the help of css you can use that.

Hello @wileycoyote78 ,

From .pagination .nav-links css, remove display: inline-block and background-color and add below css in the same class

display: flex;
justify-content: center;
align-items: center;

and in the class .page-numbers change the background color from transparent to hsla(var(–light-blue), 60%);

Hello,

You can add below below css in your custom css file

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title{
	font-size: 18px;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a{
	color: #fff;
}

Hi @cajunrose985

Please try modifying, changing and adding below css in the files:

In File widget-nav-menu.min.css

.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown{
	position: relative;
	top: 0 !important;
}

In File post-49.css change below to css

.elementor-49 .elementor-element.elementor-element-417063a6 > .elementor-container > .elementor-column > .elementor-widget-wrap{
	align-content: flex-start;
	align-items: flex-start;
}

Add Below CSS

.elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-579b7928{
	height: 46px;
}

Hello @alekz77,

You can try override this css:

html.darklooks-mode-changer-enabled :not(.dl-dark-neglect):not(.floating-mode-switcher-wrap):not(.dl-switch):not(textarea):not(input):not(select):not(option):not(button):not(pre):not(.dl-switch span):not(rect):not(ins):not(mark):not(code):not(img):not(progress):not(iframe):not(.mejs-iframe-overlay):not(.woosc-area):not(.woosc-inner):not(svg):not(canvas):not(video):not(a):not(path):not(.elementor-element-overlay):not(.elementor-background-overlay):not(i):not(button *):not(a *) {
    background-color: #F6DCA1 !important;
}

Hello @pbthevar,

I cannot find 2nd scrollbar in the page.

Hello @timskinner80,

Try adding navigation.js file. Might be it will help

Hi,

I think the CSS is yet not applied. Can you please try to put the css in your style.css file?

Hello @taw22ala,

Can you please provide the URL so that i can check further.

Hello @taw22ala ,

For the mobile devices, instead of cover, you can change it to “contain” in @media query.

Hello @thecoachmike,

Glad to know that your issue is resolved now.

Hello @thecoachmike,

I can see that the images which are pixelated are converted to .svg from .jpg. Please check that does any plugins or js will affect this.

From developers tool if you change the extension of pixelated image than it is coming proper.

Hello @libbystenzel,

Apply below css to solve your issue

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .main-navigation ul li a{
        padding: 0 8px;
        font-size: 11px;
    }
}