Header design fix

Posted in: Newspaper
Post count: 106

hello.

I want to make it like the picture below.

https://verywellinfor.com/wp-content/uploads/2022/04/2022-04-17-100.jpg

—–

The design I want to make is the header of the demo below.

https://demo.tagdiv.com/newspaper_health/

I’m sorry,

Please explain easily with pictures, etc.

thank you.

Post count: 106

The image address has been changed.

https://verywellinfor.com/wp-content/uploads/2022/04/2022-04-17-200.jpg

thank you.

Post count: 35449

Hi,
For that you can import the header style 7 -> https://i.imgur.com/LPnGBRn.png then the horizon line will be already done, after that set the logo, then select the header menu in style tab make those settings -> https://prnt.sc/AzhRDeBlW29O to remove the shadow, select the row and check it -> https://i.imgur.com/x8vHGOm.jpg
Thank you!

Post count: 106

hello.

Calin!

Thanks for the great answer.

I have a question.

the bottom of the header logo,

I want to reduce the height by 8 pixels.

Please refer to the following question URL.

https://verywellinfor.com/wp-content/uploads/2022/04/2022-04-18-100.jpg

thank you.

Post count: 35449

Hi,
Please edit the header with tagDiv Composer and see if the header ad is there (if is then this will add some extra space) -> https://i.imgur.com/z7mK6SU.png
Also, whet you can do to make the reduce the bottom space is to set on the row a -8 bottom margin -> https://i.imgur.com/pY4hZdO.jpg
I hope this will help!

Post count: 106

I solved it.
thank you.

Post count: 106

Hi

Calin

One question is missing.

Here is the question URL.

https://verywellinfor.com/wp-content/uploads/2022/04/2022-04-19-300.jpg

please tell me how

thank you.

Post count: 21065

Hello!

You can use the element called “Separator” and customize it how you’ll like.

Thank you!

Post count: 106

Hi
Bettina!

I’m sorry, but I’d like Calin to answer.

Please understand.

Post count: 35449

Hi,
There are 2 ways you can set horizontal lines.
You can select the row/column/element (which of the elements you want) and set in css tab margin bottom like this -> https://i.imgur.com/BlRJnOz.png
The second method is the one that Bettina recommended, the separator element, this can be set above or below an element or in a row or inner row -> https://i.imgur.com/COiq7ym.png -> https://i.imgur.com/j2cMrFY.png
I hope this will help you!

Post count: 106

Hi
Calin!

It helped a lot.

One more question.

Here is the question URL.

https://verywellinfor.com/wp-content/uploads/2022/04/2022-04-20-500.jpg

The menu is out of alignment due to advertisements.

I wonder what the cause is.

thank you.

Post count: 35449

Something is wrong with the look you have there, it should be -> https://i.imgur.com/7cW8JAr.png the ad should not be displayed between the menu elements like this -> https://i.imgur.com/5bF9rnX.png should be like this -> https://i.imgur.com/1ert76d.png
It is that an auto ad? If is so, maybe you can restrict it to be displayed in that section -> https://support.google.com/adsense/answer/9279143?hl=en

Post count: 106

hi

Calin

Thank you for answer.

It is that an auto ad? If is so, maybe you can restrict it to be displayed in that section.

==> It’s an auto ad.

The above method is incorrect as the ad must be displayed at the top.

In case of automatic advertisement,

Are all newspaper themes like this?

Is there any solution other than the above method?

thank you.

Post count: 35449

Hi,
Yes, I managed to catch it -> https://i.imgur.com/TaHGlxt.png
Normally that auto ad should have been positioned either above or below the mobile header.
What I can recommend is to change the structure of the mobile menu, please try those settings -> https://i.imgur.com/BgkCwwK.png drag the menu, logo and search elements and make sure that those are set inline -> https://i.imgur.com/3tbCnoj.png after that use this option on column -> https://i.imgur.com/tHPav1h.png
I hope this will help!

Post count: 106

Calin
thank you.

You need to create a new mobile menu.

Does the first start start with a blank screen?
(Are you currently working on the mobile screen separately in cloud templates/Header Template 15?)

Please explain the most basic starting point.

————————————————————————————
Yes, I managed to catch it -> https://i.imgur.com/TaHGlxt.png
Normally that auto ad should have been positioned either above or below the mobile header.
What I can recommend is to change the structure of the mobile menu, please try those settings -> https://i.imgur.com/BgkCwwK.png drag the menu, logo and search elements and make sure that those are set inline -> https://i.imgur.com/3tbCnoj.png after that use this option on column -> https://i.imgur.com/tHPav1h.png
————————————————————————————

after that
As above method,
It looks like we should move on.

Thanks for the always great explanation.

Post count: 106

HI
Calin

May I postpone this question ticket for a while?

Viewing 16 posts - 1 through 16 (of 16 total)
The forum ‘Newspaper’ is closed to new topics and replies.