Search Results for 'css'

Hello all,

If you want to display the top-bar menu on your mobile version, you have to use a bit of CSS code to dod that. Please try the code below and place it in Theme panel->Custom CSS area. Also, please notice that the mobile menu will remain with the same structure because this is the own design for the mobile version and cannot be changed to be displayed as on desktop version, because it is not a simple task and require more additional customizations that involve custom work.

The code is ->

@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
.td-header-sp-top-menu {
display:block!important;
}

Thank you for your understanding!

Hello menecez,

Unfortunately, our theme does not have such an option to change the position for Copyright because it is added on span element and if you try to change the parameters you can break the layout of the site, sorry! Also, if you are referring to decrease the distance between “Copyright Text” and sub footer menu, please notice that it is necessary to use a bit of CSS. Please try the code below and place it in Theme panel->Custom CSS area like this: http://screencast.com/t/RLXJQhdt

.td-sub-footer-copy {
width: 750px!important;
margin-top:-25px!important;
}

The result you should see here: http://screencast.com/t/ki6mKxjY

For more information about footer template, please check our documentation here -> https://forum.tagdiv.com/footer-templates/

Thanks.

Hello paolom83,

If you want to create your own custom Big Grid, as my colleague Bogdan said you above, you will have to use the API method for this implementation and all the steps which are needed to take in this regard are presented in our documentation here -> https://forum.tagdiv.com/the-theme-api/ -> https://forum.tagdiv.com/practical-example-how-to-add-a-new-block-and-module/ Also, please notice that this is not a simple task and addresses only for ADVANCED USER that have a solid knowledge of PHP/HTML/CSS/JS. If you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment and also, the API implementation is not covered by our support, sorry!
Usually, we recommend the developers from studio.envato.com.

Thank you for your understanding!

Hello VoZz,

Now I understand what you mean, sorry for my misunderstanding! Unfortunately, as you can see, this is the behaviour of the theme for smaller devices as the image size will be stretched with a bit of CSS (width 100%), even if the quality of the image was loaded in the bigger one. Please notice that is not a simple task to change the structure of this block and if you want to change this, is required to do some additional customizations through code in order to achieve as you wish. This was our developer decision. Also, we work hard further for new improvements and in near future update maybe our developers will find some solutions in this regard but we cannot say for sure the date when this will be available.
If you want to display more levels in our theme and you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!

Thank you for your understanding!

Hi,

You can use this code:

@media (max-width:767px){
.td-header-sp-top-menu {
display: block!important;
}
.td-header-top-menu-full {
display: block!important;
}
.td-header-style-8 .td-header-top-menu{
display:block!important;
margin-left:auto;
width: 100%!important;
}
.top-bar-style-1{
display: table!important;
margin-left: auto;
margin-right: auto;
text-align: center;
}}

Add this code in the theme panel->custom css box. http://screencast.com/t/bzS1a7P5

Thank you!

Hi,
You cannot see the search icon as it;s not an icon at all but a font symbol. It’s added with css like so: http://screencast.com/t/FmduxVq1wzDc
This comes from the newspaper font in the image folder: http://screencast.com/t/bthMomG9CM
Thank you!

Hi,
If you want to remove the breadcrumbs on the homepage, you can use css to hide it:
.home .entry-crumbs{
display:none!important;
}
Thank you!

Hello NP Comm,

I have tested to add a new block according to our documentation here -> https://forum.tagdiv.com/practical-example-how-to-add-a-new-block-and-module/ (practical example) and the block was loaded as expected -> http://screencast.com/t/ALXRbDTs. Please notice that the API implementation is not part of our support and as you can see there, and I want to emphasize that this method addresses only to ADVANCED USERS. In our documentation, you can find some hints if you want to create a custom module/block and please notice that for achieving that is required to have a solid PHP/HTML/CSS knowledge to accomplish that. Please notice that this is a complex method and if you are not aware of the steps which you are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!

Thank you for your understanding!

Hello,

@Georoge
1) The header menu will make the logo fit the scrolling menu. Do you want to have the full size logo in the scrolling version of the menu?
2) you can use this css to remove the menu on a 404 page:
.error404 #menu-new-menu-1{
display:none!important;
}

3) This issue is caused by the plugin you use for the contact form. Please use contact form 7 as that is the tested plugin with our theme.

@Cybi
Please create your own topic when having support questions not related to the topic you post on. Your issue is very different. For some reason, your theme cannot find the index.php file. I think you are not installing the theme correctly or maybe the chilf theme. please follow this guide to properly install you theme: https://forum.tagdiv.com/install-via-ftp/
https://forum.tagdiv.com/the-child-theme-support-tutorial/

Thank you!

Hi,
This is not a theme related issue, but a html responsiveness issue. You will have to edit your table element and make it responsive. Please check this link to see how you can do it:
http://www.w3schools.com/howto/howto_css_table_responsive.asp
https://css-tricks.com/responsive-data-tables/
Thank you!

Hi,
The top menu was hidden on mobile as a design choice. This was done with css so it can be activated. Please provide a link to your site so I can provide the proper code.
Thank you!

Hello mystudent,

Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-header-style-1 .td-header-sp-recs {
margin-top: 18px;
}

The result -> http://screencast.com/t/p6FJFi2z8n

Thanks.