CSS problem

The current theme isn’t using openstrap – configurating it and if I’m happy with the end results then I’ll change it – but till then this is the most important issues ??

in order to change code, you gotta be able to see it. Maybe do an install of wordpress on a subdomain and post a link here.

well – you can visualise it – the site logo remains on left and the right header widget remains on right but when squashed up – that dissappears and the logo doesn’t center and want it to center but the header widget I want it to center under the logo. That all it is.

Help is still needed urgently please – thanks.

If you need urgent help, I’d advise either purchasing customizations from the theme authors directly or hiring someone from WP Jobs.

As for this particular issue, because this theme makes extensive use of Bootstrap’s grid, it would be a fair bit of work to override Bootstrap’s default styling, which is another reason I recommend purchasing customizations directly or hiring someone.

No – this is the only issue I have – the css, over riding php and functions I can do – just need pointing in the right direction in what to do or some snippets.

Well, one thing you could do would be to get a custom CSS plugin and override Bootstrap’s various styles. Check out bootstrap.css in the css folder to get an idea of what styles you’ll need to override. Another option would be to create a child theme and use your own version of header.php that doesn’t use Bootstrap’s grid.

I’ve been using child theme since learning update of the theme could over wipe all the work – I’m aware it might be changing the bootstrap columns to make it balance but learning so much – just wanted a good direction pointed so I can figure it out and carry on working on the new update for the theme as I’m fairly confidence openstrap is the better one for me to work with than the one I’m using now.

in header.php on line 106 you have code
<div class="col-md-8 hidden-xs">

from above remove css class hidden-xs. It will make right header to appear on small devices/after break point. And right header will be placed under left.

Let me know

I’ll have a check in a little bit – just sorting out some of life’s pressing matters for meeting in few hours time – wish I could be one of those running websites for a living you know – doing much learning while I can in between!

Will let you know soon Pavan – might just need centering with the logo along with right header- hopefully if all goes well on that then that’s me sorted.

Yes that’s worked – so now it’s matter of centering both logo and the right header under breakpoint – that’s the issue remaining now! Almost close to getting this resolved now – just need pointers! ??

[Please don’t bump]

you can add css class text-center to any div element you want centered
This css class is already available in bootstrap framework.

I’ll give it a try later – got job interview in hour’s time – thank you.

the text-center to the right head widget doesn’t seem to work – not tried it on the site logo yet but not too confidence.

j’ai le méme probléme et j’essayé de resoudre merci bien pour les solutions.