Request for guiding to fix my mobile header

Posted in: Newspaper
Post count: 38

Hi,
Greetings of the Day!

I need a help from you, I installed newspaper theme and loved the “Metropolitan” premade site, I imported it and I am loving it, it’s too beautiful. Thank you so much for making such a wonderful theme 🙂

But on mobile the header is looking abrupt. The position of elements are looking bad,

Please provide me a CSS code of something to fix following things from this – https://prnt.sc/EJroFrPrmgKv

1) Hamburger menu in left
2) Search in right
3) Logo in middle

Exactly like main demo of newspaper i need, like this : https://prnt.sc/MbNM2UtQPupS

Please help me, it will be very kind of you.

Thanks and have a wonderful day!

Regards
Bhanu Srivastav

Post count: 21065

Hello Bhanu Srivastav!

Edit the homepage with the tagdiv Composer, click on the mobile viewport: https://app.screencast.com/JBjQfi2ZDQYb0
You can drag & drop the elements there in the columns as you like: https://app.screencast.com/EFQi0bSEe2XIo and apply those settings from the screenshots provided. There you should write “auto”. Or you can set for each column the percentage you would like, for example: 25%, 50%, 25%. Please note that you should apply the change to the mobile menu sticky: https://app.screencast.com/ZifloqbIxB9gz or you can copy-paste the entire row. Right-click on the row already modified -> copy, go to the mobile menu sticky, click on the row word, right-click paste after. Delete the first row.

Thank you!

Post count: 38

Thank you so much for guiding, i am not a technical person but your screenshot helped me, I fixed the mobile hear now it’s looking awesome and exactlylike what I wanted, what I did is in Manager > I imported Defaut PRO which made the mobile header just like what I wanted,

BUT it also changed the Desktop version of my Metropolitan to Default PRO header, which is really what I don’t want. See here – https://prnt.sc/li4OR-8wYvi2

This is my humble request to you to fix this, I tried almost hundred times but I failed that is why I am asking you to help me.

I need the desktop & tablet version to have metropolitan header and mobile menu to Default PRO main demo header.

Please help me –

Post count: 21065

Hello Bhanu Srivastav!

Please check again.

Thank you!

Post count: 38

Thank you so so much, i was struggling with it from so many ay u are just awesome!
I loved it 🙂

The home page is looking good on mobile, but if you open any other page or post, the mobile header is “Metropolotan” please apply the fixes there too (means on pages and posts so that the whole website mobile header is same.)

Similarly on other pages of desktop version the logo is hidden see here – https://prnt.sc/Z24bl3t_r-IR

Also please guide me how to delete the social sharing from everywhere which appears below heading (see the same above screenshot)

Thanks again for you time

Post count: 21065

Hello Bhanu Srivastav!

This situation is happen because the background color is white and the text is white too: https://prnt.sc/Z24bl3t_r-IR
I’ve changed the background color. Or do you need to use other header, so it could be different?
I’ll delete the whole element with those buttons.

Thank you!

Post count: 38

Everything is perfect now. I loved your dedication and hard work. I mean it.

Post count: 21065

Hello Bhanu Srivastav!

I’m glad that I could help you!
Let me know if you need further assistance.

Have a wonderful day!
Thank you for the feedback!

Post count: 38

hi, my website started showing this admin bar, I didn’t changed anything, please guide –

screenshot – https://prnt.sc/5wZK4-qOplyb

Post count: 27744

Hello,

Do you have the Jetpack plugin? Please check this guide https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/

Thank you!

Post count: 38

no i don’t have jetpack

Post count: 21065

Hello Bhanu Srivastav!

Make a test and deactivate all plugins except tagDiv ones. Also, if you are using a cache plugin, deactivate it, clear all cache, and try again.

Let me know the results!

Thank you!

Post count: 38

1) hi on mobile header here – bankpediaa.com how to change header menu sub items -see here – https://prnt.sc/rI015b6oLu4V there are 3 sub items in each 6 menu items i tried a lot but was not able to change them

2) on header when pricing is clicked, the new page which opens, two buttons were there in demo which vanished completely see here – https://prnt.sc/_09UBmVoYMpp the vanished buttons were Monthly & yearly switcher and central button on right form i tried adding button but it doesn’t comes in centre it is in left.

3) On blog page, the blogs which are posted latest doesn’t appear

4) Contact form on contact page is vanished

Please help in above 4 things n website https://bankpediaa.com/ it will be very kind of u

Post count: 21065

Hello Bhanu Srivastav!

1. In the mobile viewport, there is a modal popup, and it can be modified from here: https://app.screencast.com/fRsnDrE6AdPVN -> view and edit it with the tagdiv Composer.
Suppose you check the menu in the Appearance -> Menus. Click the courses, and there you can see the page ID used there: https://app.screencast.com/97p31pKgCjCcH

2. Edit the page with the tagDiv Composer, ensure the shortcode plans switcher is present, and choose a plan. On the right side, there is the plans button shortcode, and you need to choose a valid free plan there.

3. Edit the blog page with the tagdiv Composer, and check the block if you have any offset, delete it, or use a flex block instead of the posts loop shortcode. Check if you have the posts assigned to that category and if they are published posts.

4. You should have the Contact Form 7 plugin.

Thank you!

Post count: 38

Thanks for guiding, ads are not appearing anywhere, i pasted the google ad script but they are not appearing..

Please fix this, here are the credentials –
https://bankpediaa.com/wp-admin/

  • This reply was modified 1 year by Anamaria. Reason: Please don't share your credentials here
Post count: 27744

Hello,

You need to add your ad code in the page using the element ad box. The ad box has 3 sections for ads: using theme panel ads -> https://i.imgur.com/KFa9ibl.png, using images/banners -> https://i.imgur.com/MfAPTaE.png and custom code -> https://i.imgur.com/2rh8SuD.png save it and will appear on the post (you can set a shortcode like a shortcode from adrotate plugin or other plugins).
To create a sidebar please check this guide https://forum.tagdiv.com/sidebars-tutorial/

Thank you!

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