Small issues

[Gizan86]

Hi, I have a couple of small issues that could use your help with:

1) My mobile website shows a gap between my header and the page, (see screenshot). Do you have some css for me to fix that? (The fix should only apply for the homepage)

2) I would like to change the “go to shop” button in the chart widget of the header to a custom button (see screenshot). Where can I find the .php file that contains this and what is the best way to swap the button for a standard icon-reveal button?

3) Is it possible to use a different header type for a specific page? If not, is it possible to change the header logo for a specific page?

4)I have a laundry delivery business and would like to change the cart icon to a laundry basket icon (and change the name from shopping bag to laundry basket). Can I use a custom (none font-awesome) icon for this (see screen)? What is the recommended procedure for this?

5) Is there any way to make an icon bullet list without using a shortcode? I use a form plugin that allows html but no shortcodes.

Thank you!!

Attachments:

You must be logged in to view attached files.

[laranz – SUPPORT]

Hi,

1. There is a big space in the desktop version too, http://take.ms/H6tU8 you wanna take that down??
2. The file you need to edit is here: \wp-content\themes\dante\includes\sf-header.php and its found around line #706
3. Header type can’t be edit for page-wise, but you can try changing the logo for different page, but it needs some code changes, I am only able to guide you. Open the same file in the point#2 and in line #313 you saw something like this

$logo_output .= '<img class="standard" src="'.$logo.'" alt="'.$logo_alt.'" />'. "\n";

you can use the http://codex.wordpress.org/Function_Reference/is_page to check the page id and render a different logo image in the above line, use if else statements. If this page ID means, change the logo else use the default code.
4. You want to change the add to card icon to something diff?
5. In a test page create a bullet list icon using shortcode, then open that page. Then copy the HTML it produce and paste it in the HTML of that plugin, it will do the trick..

Let us know,

Thanks,
laranz.

[Gizan86]

This reply has been marked as private.

[laranz – SUPPORT]

Hi,

1. Use this Custom CSS.

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
.inner-page-wrap { margin-top: 0px; }
}

2. You can change that in the line #634 and #636 in \wp-content\themes\dante\includes\sf-header.php by removing this and place your icon. <i class="ss-cart"></i>

Let us know,

Thanks,
laranz.

[Gizan86]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please change the margin 0px to -40px in code as Laranz gave to you.
Thanks
Mohammad

[Gizan86]

Thanks, that seems to work on the main layout. However, when I put my phone to landscape mode, it still shows the gap (see attachement). Any idea?
THank you..

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please remove that one code and use this one code now:-

@media only screen 
and (min-width : 320px) 
and (max-width : 580px) {
.inner-page-wrap { margin-top: -40px; }
}

Thanks
Mohammad

[Gizan86]

Perfect!

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved.
Thanks 🙂
With Best Regards
Mohammad

[Gizan86]

Actually it is still not okay. My other pages seem to overlap over the page titles now. (Please see screenshots). Can you make the code only apply to the homepage?
Thanks

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please remove last code and use this updated code:-

@media only screen 
and (min-width : 320px) 
and (max-width : 580px) {
.homepage .inner-page-wrap { margin-top: -40px; }
}

Thanks
Mohammad

[Gizan86]

Thanks for the adjustment.
After I apply this code, the gap that was there in the beginning however is back again.. (see attachement)

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
My Mistake. This one is correct code.

@media only screen 
and (min-width : 320px) 
and (max-width : 580px) {
.home .inner-page-wrap { margin-top: -40px; }
}

Thanks
Mohammad

[Gizan86]

Thanks Mohammad, works great now! 🙂