Hi!
It’s been ok, but now i’ve got some issues again. Using iphone 4S with Safari and Motorola with Opera, can see only part of header and i have no logo in it, the button Search droped down from the search form on the main page. All pictures in my posts got centered (maybe it’s not a big deal, looks not bad).
Also i wonder if my site should be fill all the screen width and height? Now i have to scroll all the time, when i open a page/post
Hi,
You also have this issue on desktop screens: http://screencast.com/t/fjvIcclaK58
Use this css to fix it:
.td-widget-search-input {
width: 93%;
}
Also make sure you disable the plugins as this js error from your console could also cause issues: http://screencast.com/t/18tJOWDkeWhq
Thanks
Thanks, it helped partly with search bottom, but other things still look bad.
http://files.webfile.ru/19d8d3c3ee7ada64f87e30950e984218
This is the only one browser, but most of them have issues like this. My sidebar from main page drops down and i have this kind of double header on the place where used to be menu.
There are many browsers where it looks bad..
http://www.browserstack.com/screenshots/962bdbca0bc130f0756d88c7f1988cea0f40f254
http://www.browserstack.com/screenshots/ca43161e31cca40003e55debb09e86223e77a569
Hi,
Please make sure that you disable all plugins leaving just Visual Composer active then empty cache/purge files and check again. Also make sure that remove any custom modifications you have made to your theme as all this should not happen and check again.
I also believe that you are using an early version of the theme. We have fixed lots of issues in the latest theme versions so please try to update the theme to version 4.6 and also make sure you make a backup of your current theme installation so that you can revert back to it if something goes wrong.
Thanks
Ok, thanks.
I started to do as you said. I downloaded theme from my account on themeforest, in update log there is information about version 4.6, but after update in theme panel on my site i see Version: 4.5d. Is it demo or something? In css file it’s version 4.6 as well.
And i can’t find responsive settings in theme panel, did you remove them somewhere?
Hi,
The 4.5d version of the theme from theme panel was added by mistake it should state 4.6 which is the latest theme version.
Unfortunately from theme version 4.3 the fixed/responsive settings has been removed together with the 980px layout. We plan to rebuild the frontend in the future (next 2-3 months) and unfortunately we had to make this move.
Sorry about this and for the inconvenience.
Thanks
Ok, got it!
After update i’ve got some problems, could you help me with it?
With header
My logo doesn’t change as it should when i’m changing the resolution (make it higher). As a result it looks like this http://files.webfile.ru/771b531408c16721d80711264313978f
And there is an odd stuff on the right. It seems in this version of the theme i need to make background picrure for header larger, but how many pixels should it be? Will it fix my problem or it’s because of something else?
In another resolution it still looks like this
http://files.webfile.ru/3eb8bb8a7b0717343d3daeab18f1dd95
It seems i found the reason (on the picture), but don’t know how to fix it. When i use .span8 width: 430px; – (originaly it’s 492px) everithing is ok. This width is only for this resolution, if resolution is getting more, this width is getting more too and in other cases it’s ok. I hope you know what i mean. I just hold ctrl button and use wheel on the mouse and see the changes.
About mobile view. Before you gave me some custom code to fix some stuff and it worked (https://forum.tagdiv.com/topic/mobile-view/), but in this version it doesn’t work anymore http://files.webfile.ru/973fcef799a15cf0be8e9e84a8cda0f2
Sidebar is located under content part
http://files.webfile.ru/6b75088f3da928f51fcff1da3e3fbbdd
Some elements in sidebar look like this
http://files.webfile.ru/2581776d4f615cfa1285a424089e8f3f
And i can see only left part of my footer
Hi,
Modifications to the themes grid is something that we strongly do not recommend and the span classes div’s containers are part of the grid’s layout so any modifications you do to the grid layout I suggest you remove as this is the cause of your issues as you also noticed, so please remove all custom changes you have made to the theme then check again for all this errors and let me know which still remain.
I have also founds this js errors: http://screencast.com/t/o7UhD4xikQV in your console so I also suggest you check this without plugins active and with emptied cache and files purged if you use CDN hosting.
Hope this helps!
Thanks
Lucian, which modification do you mean? Social button div container? I added it just in the place where i’m supposed to add code for my adds, but i didn’t changed anything more than this (only in Firebug). Before updating everything was fine and this social button container was here.
Ok, i’ll try to make the leight of background bigger and see if it helps with my logo.
About js errors, thank you, i’ll check them, but i’m pretty sure that it’s not the reason that i have the only half of my header on mobiles for example and i’d like to get some help with this. I use the same plugins i used before, nothing new. I tryed to delete social buttons containers, but it didn’t helped with mobile view unfortunately.
Some updates:
I changed background picture, made it bigger, but the problem was still the same with logo. The reason was margins in updated css file, they changed for logo depending on resolution, when i switched those margins to 0, the problem disapeared.
I also put social buttons to a separate div.
For now, i still have problem with logo in mobile view. There is just no logo there and header looks weird. It seems these things are related to each other. Can’t find on my own why is that..
And i still have a question about why is sidebar located after content part on mobile phones? Why i can see only left part of footer on mobile phones? Is it how the theme works or something else?
…why is sidebar located after content part on mobile phones?
this is how responsive design works. The grid, such as with Bootstrap, is designed so that “columns” fold under each other to fit the width, vs being off the page or so tiny you can’t see them.
SO in responsive design a layout might look like
for desktop
[———–][—–]
for mobile
[———]
[———]
Thank you, Christopher. I thought that it’s something like this. But on mobile my layout looks like this
[———] – but not the full width of the screen
[–] – sidebar
Sidebar is not the same size as a content part. And only left part of the footer.
It think it’s something wrong..
Also i’d like to ask an advice how can i add my social buttons in header and to make it look right in ipad’s? Now this div drops dowm and stands under header
Hi,
Please make sure you updated your theme right and also try making a backup of your current theme installation and remove all plugins and delete all theme files via FTP and copy the latest version’s theme files and see if you still have issues with this. Please make sure that you make your back-up before doing this as removing all files will also remove your settings so if you don’t backup you theme you will lose all of them.
Please let me know if you still have issues with this after you do as instructed as the theme should work fine and no layout issues shouldn’t occur.
Thanks
Hi Lucian,
is there a css-code for fixing the responsive setting to 980px again?
thanks, Marcus
Hi,
Please send an email at contact@tagdiv.com and make a request for this and we will try to find a solution.
Thanks for the message!
Hi!
I still have this ussue with submit button on the search widget in some browsers.
You gave me this code
.td-widget-search-input {
width: 93%;
}
but it seems it’s not because of this width, the width’s change doesn’t move search button.
Also a content in text widgets looks not good in some browsers, could you help me with this, please
http://files.webfile.ru/6ecaf08ade10721d5027e224d9dc9455
http://files.webfile.ru/b932ace92bc376c1aa4f9a3fdb449d24
Hi,
I have checked your site with IE11 and I didn’t found any issues:
http://screencast.com/t/p76PD1qJ
http://screencast.com/t/PE6Isv0rUu94
Regarding Safari, version for Windows was abandoned in 2012 and does not support the latest web tech. Anyway I also tested on Safari: http://screencast.com/t/AtL8mlwHnll
I think that you managed to solve the issues.
Thanks!
Hi,
I have also tested this and found that the width of the search input filed generates this and using this css should solves your issue, I have also tested this live on your site: http://screencast.com/t/JR7onVaE1w3a
.td-widget-search-input {
margin-bottom: 0px !important;
width: 90% !important;
}
I have also added this on out todo list and will fix this in the next version.
Regarding the content from the text widget use this css:
@media (max-width: 1018px) and (min-width: 768px){
.td-widget-search-input {
margin-bottom: 0px !important;
width: 90% !important;
}
.textwidget input[type="submit"] {
width: 90% !important;
}
.textwidget input {
font-size: 11px !important;
}
.textwidget #vk_groups, .textwidget iframe {
width: 100% !important;
}
}
Adjust it as you like.
Thanks
Great! Thank you, guys!
Hi!
It’s still the same with VK block in sidebar on ipad in vertical position…
Hi,
Try it like this: http://screencast.com/t/Q9DbHN67R
@media (max-width: 1018px) and (min-width: 768px){
.single .textwidget #vk_groups, .single .textwidget iframe {
width: 95% !important;
min-height: 100% !important;
}
.vk {
margin-left: 10px !important;
}
}Thanks
Added this, but it’s still the same. In horizontal position is everything ok, but in vertical one this block doesn’t change its width..
