I am having issues with the responsiveness of my menu/header. On mobile, the logo appears to be cut off to the right and the menu dropdown is anchored to the left. How can I make the logo anchor to the right and the menu dropdown anchor to the left?
Also, the color that changes when you hover over the menu items works on all pages except the home page. Th color is a turquoise, and on the homepage it is simply gray.
I added the code but there were no changes in the hover color of the menu items on the desktop homepage. The location of the logo on mobile is still to the right and cut off while the menu dropdown is anchored to the left.
I think I have a similar issue. On an iPhone 5s and on a htcOne for instance, the logo is truncated.
I tried the code and it doesn’t seem to fix it.
Also, it is possible to have the same transparent header on those resolutions and not a white one?
Thank you for your quick reply. The code you provided allowed me to center the footer and move the menu icon to the position shown in your screenshot. Unfortunately, the logo is still getting cut off and is to the right of the screen.
@NohelyMI,
This is strange. Did you made any other change to the code i gave you? Anyway, in the last code i send you, please edit left: -15px !important; value to -210px. Also go to file css/bootstrap-responsive.css and find this line(1382): #logo{float:right;left:0 !important; right:0 !important; -webkit-transform: none !important;
replace with this: #logo{float:right;left:0; right:0 !important; -webkit-transform: none !important;
If still no luck, send us your wp credentials in a private reply. So we can do it for you.
@max,
I already added the neccesary code into your custom css box, for the logo change and background. I edited the three bar menu icon, color too, but for it to show the changes you need to go to your css/bootstrap-responsive.css file and find this line(1685):
.background--dark nav .menu > li > a, .background--dark header#header .header_tools .vert_mid > a, .background--dark header#header .header_tools .vert_mid .cart .cart_icon, .background--dark .slicknav_btn:after, .background--dark .mobile_small_menu{
color:#222 !important;
}
Sorry but i don’t understand. This is what i see when accessing your site from mobile: screenshot.
-In iPad landscape, i do not see the white header, screenshot.
-Please send us a screenshot for no. 2, i don’t understand what are you referring to.
Let us know.
Side navigation is now ok. The idea is to get the same transparent header on iphone as the one on web and ipad. with a better positioning of logo and side menu access icon
Regards,
I will add you printscreens of all this if you want. I prefer that you explain to me the CSS code that we have put and that I try fixing it myself for faster results.
I sent you a printscreen. To me it seems that the pb is actually that the theme is wrong about the size of the screen.
Please come back to me about this asap.
Please see this image with the explanation of the css code. (You can learn more about responsive default sizes here) From what screen size did you capture the screenshot you send me? What device? I have tested your site in all iphone 4, iphone 5, ipad screens and i don’t get this issue.
What do you mean by “theme is wrong about the size of the screen”? The mobile/tablet sizes are predefined in bootstrap css styles. We have successfully tested theme with many devices.
thx for the ressources and explanation of the code.
What I mean by wrong screen size is that what you see in my last printscreen on the right side (the space in dark color). it seems that the issue is not about positionning the logo in the wrong place. in fact, it is on the right side of the screen. But about the size of the page being bigger than the screen of the phone. The space where the header and the rest of the content is not present on the right side of the page is not what i see when i first load the page, but when i slide to the right with my finger.
This is what i get on iphone 5s and on htcOne 8. I tested on safari and on chrome
It s been a week now. no answer at all for this.
This is not serious. I am starting to seriously think I made a serious mistake buying this theme. A word like “responsive” should not be taken lightly. Your product is not. It does not work on Firefox browser. I am totally disappointed. The support you are meant to provide is clearly not reactive enough.
I would like to have my money back and I will make sure to let everyone know about this three months that I have wasted trying to make a stupid wordpress website work.
@max,
We are sorry to hear that. We are doing our best to support all our forum members.
Tower theme is fully responsive. You can check the demo on every device and also in other browsers as well. And it works perfectly. Our other many customers have proven it right.
However, i must recall you that you have made a lot of changes to theme, especially the header. You want to change many core features from it. It is best for you to find the theme more close to your idea of website then just pick one and change every thing of it.
We have other demos too that could fit better you idea of photography website like these: Tower Portfolio, Portfolio Fullscreen, Left Navigation Agency & Presentation, Tower Creative, Fullscreen Presentation..etc.
Please review the theme again and consider the major work done to build it and keep it updated, before making a bad review regarding it.
We appreciate the time you gave to our theme and we are sorry it could fit your needs.
Please contact Envato for the refund.
What you are saying is not true about tweaking. The CSS modifications are basic ones and I could remind you of all that has been done and you could see it yourself.
Apart from making the porfolio featured images link to the portfolio item pages not a single other modification has been done to the php files.
If you fill your code with specific adjustement to make your demos work perfectly in a responsive way (based on the size of your fields and images) it doesn’t make your theme responsive. Nobody is buying your theme to put the content of your demos in it. People buy the functionalities and not the CONTENT.
Please give me a serious contact to get the reimbursement.
