[Juan Miguel]

It worked! Thanks for staying with me to every detail. Now the site looks great both in desktop and phone. I appreciate it

[Juan Miguel]

Thank you again Shri,

I placed that code (h3.widget-title span{border:none !important;}) in the custom css box, inside:

@media screen and (max-width:47.938em) and (min-width:30.000em) { }
@media screen and (max-width: 29.938em) { }

as well as outside, in no case seems to work though, the yellow line with the central down pointing triangle under the menu remains there.

Could it be something else?

[Juan Miguel]

There is just a little thing.. when I visit an internal document (for example):

http://cichlid.org/?page_id=122

There is a pesky yellow line under the menu bar, the yellow is the footer background color. As it is in the mobile I can not seem to find the class. How can I make it black or make it disappear (preferably)?

Thanks for your continuous support

[Juan Miguel]

Shri,

Beautiful!! Thank you ! Now it is how I want it. In fact .slide_info {display:none;} also worked, I was just not placing it for the vertical view, So nature one is now fully mobile compatible for me. I appreciate all your support

With regards

[Juan Miguel]

Very nice!! you save me a plug in and made me stick with the same theme for both mobile and desktop display! There are just two other things

First the slide info in the home page overwhelms the full slide, is teh a way to hide it in mobile view, I tried adding:

@media screen and (max-width:47.938em) and (min-width:30.000em) {
.slide_info {display:none !important;}
}

But it does not appear to work

The other problem is that the background of the menu bar changes to white in mobile view and the menu entries are not visible, can it be configured in display view so they adopt the same colors than in desktop view or at least white over a black background?

I think with these two changes the theme full be fully compatible with mobile devices!!

Thanks so much!

[Juan Miguel]

Thank you! That worked very well!

[Juan Miguel]

I was able to solve this particular problem by adding a custom CSS in theme properties

.blog-post-repeat{background-color:#ffffff;}

That made the change

[Juan Miguel]

Shri,

Thank you so much, in the end I did not use the option to handle the footer as a section (it worked nice though) as it would only show in the main page and I want it to show in every page of the site.

I then used an internet tutorial to add more sections to the footer (editing footer.php and functions.php files) and hard-coded the column widths in footer.php. I obtained what I wanted:

http://jartigas59.pairserver.com/cichlid.org/

I however I would still like to customize some aspects of the footer like the titles for columns for which I am not able to find the CSS tags class=”footer-column”. What I want is to make the header font smaller and remove the underline.

Could you please guide me with this?

I thank you so much for your support

[Juan Miguel]

Shri,

Thank you so much, this is an example:

http://jartigas59.pairserver.com/cichlid.org/?page_id=6

The featured image is just 200 pixels wide and is intended for the menus

[Juan Miguel]

How can I hide footer the theme footer?

http://jartigas59.pairserver.com/cichlid.org/

Thanks

[Juan Miguel]

Thank you! it worked perfectly

[Author]

Posts