header_left in tablet mode

This question is difficult to explain. I try to explain with an image. I would like to understand how to move the item that I put through wrapper left in tablet mode
or if it works as size (try) ... as not to modify this element in tablet mode

thanks

You would need to use css media queries and override.css.
It allows you to create different look for different browser widths.

it's complicated? because I tried to move the item with css (override), but it damages the template ...
I wish that in tablet mode not remain that space, or, if simpler, which disappeared the title of the form on the left.

perhaps to keep the title left in tablet mode is a modification easier than you can explain me?

tnx

Could you please post an url to your site?

send it in pvt with admin access

site offline

The issue is because of this costom css:

Code: Select all

.csstransforms #gkHeaderLeft .header + .content {
    padding-left: 80px;
margin: -18px -27px -25px;
}


You need to add responsiveness to it by using css media queries:

Code: Select all

@media (max-width: 1024px) {
  .csstransforms #gkHeaderLeft .header + .content {
    padding-left: 18px;
  } 
}


excellent! I've tried it and works!
you are great thanks a lot

maybe it is not all right ...
perhaps some conflict with my override.css? I don't know, but now gkHeaderRight is misaligned in desktop mode ...

the address and data access to the site are the same that I have already given in pvt

You need to remove additional paragraph element from your video module (do it with tinyMCE disabled).

there was a <p> ... </p> in module position that probably it was added from the editor its own
I was looking for the problem in override.css ...

now is ok tnx

Exactly.
If you have any additional questions regarding this topic, please let me know.