[kidloop]

Hi,

In the mobile version i have a Search / Shop card in the right bottom corner. Can i move it slightly up as have facebook messenger right on that place?

I think that need to modificate that parameters:

@media only screen and (max-width: 768px)
.lafka-search-cart-holder {
right: 20px;
top: auto !important;
bottom: 20px;
position: fixed;
width: 48px;
padding: 6px;
}

But in style.css in lafka child changes don’t appear.

[Althemist]

Hello kidloop,

You can adjust the position by changing the bottom: 20px; parameter – e.g. if you need to move it 50px higher, just set it to bottom: 70px;.

Hope this helps.

Regards,
Dimitar

[kidloop]

Hi Dimitar,

I change parameters, made padding 200px. But in mobile version nothing happends, but in web this menu moved down in the middle of screen(

[Althemist]

You should not increase the padding. You’d need to change the position with the bottom: parameter. As for the mobile version – make sure you cleared your mobile browser cache.

[kidloop]

Sorry i mean that change bottom and made it 200 px… But in the web version it moved to the middle of the page and on mobile nothing happens. and i don’t know how to put it back…

[kidloop]

Sorry, forget last message,
problem is that i use next code in style.css:
.lafka-search-cart-holder {
bottom: 80px;
}

And there are no changes…

[Althemist]

You can’t use it like this. The mobile display is controlled with a media query:

@media only screen and (max-width: 768px) {
    .lafka-search-cart-holder {
        bottom: 80px;
    }
}

[kidloop]

I put it in style.css but no effect…

[Althemist]

In which style.css?

[kidloop]

In the child theme – Appearance – Theme edit and i add a code to style.css
Lafka Child: Stylesheet (style.css)

[Althemist]

The code I gave you should work perfectly. Make sure you clear your phone cache, though.

Anyways, editing a theme directly in the WordPress admin is not best approach, not to mention it’s a huge security hole.

[kidloop]

Hi, pls try om mobile https://okpizza.vn – not works…

Abt editing in child theme – is there are other option to insert that code?

[Althemist]

The responsive CSS is loaded after the child theme css, so you’d need to use !important in order to make it work.

[kidloop]

Thank you! Its work

[Author]

Posts