1. Dismiss Notice

Blog title on mobile

Discussion in 'RoadFighter WordPress Theme' started by mouseclubhouse, Oct 1, 2015.

Thread Status:
Not open for further replies.
  1. mouseclubhouse

    mouseclubhouse Member

    Joined:
    Jun 17, 2015
    Messages:
    31
    Likes Received:
    0
    I have a blog title on my blog. If you go to http://shaniwolf.com/blog/ you'll see the graphic that reads "Mouse Clubhouse: The blog of Shani & Scott Wolf".

    I like the way it looks on a laptop, but on a mobile device, the navigation menu covers the blog title graphic. Is there a way I can fix this?

    BUT even better than that, I would love to replace the website title logo with a different title logo on the blog pages. That would be ideal!

    Thanks!
     
    mouseclubhouse, Oct 1, 2015
    #1
  2. priya

    priya Guest

    Hello,

    Greetings from InkThemes!

    Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 1140px) and (min-width: 960px){
.header.not_home .header_wrapper {
    margin-top: 4px !important;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.menu-wrapper {
    width: 318px;
    margin-left: 67px;
    margin-top: 63px !important;
}
.page-container {
    margin-top: 168px !important;
}
}
@media only screen and (max-width: 480px){
.menu-wrapper {
    margin-top: 95px;
    box-shadow: none;
}
}
    Hope it will resolve your issue

    Do let me know if you need more assistance,
    Thanks & Regards!
    Priyanka
    InkThemes.com
     
    priya, Oct 3, 2015
    #2
  3. mouseclubhouse

    mouseclubhouse Member

    Joined:
    Jun 17, 2015
    Messages:
    31
    Likes Received:
    0
    You always respond so quickly and thoroughly! Thanks! Is there a way I can change the logo on my blog so it is different than my main site? I don't mind going in to the blog.php or single.php if necessary, and I don't mind adding my own URL if necessary - but I would love to have a different logo for the blog.
     
    mouseclubhouse, Oct 3, 2015
    #3
  4. priya

    priya Guest

    Hello,

    Greetings from InkThemes,

    As per your requirement, I would like to inform you that - This will require some source code customization in the theme which is time-consuming and would be done specially for you by our team.

    As InkThemes has been receiving a high volume of support requests.

    Therefore, there will be some charges for the customization based on your requirements..

    As per InkThemes WordPress themes and plugin customization policy, we charge $15 per hour, Keeping in view your requirement it will take our 1 working hr.

    Kindly, transfer the payment of $15 directly to our PayPal account.

    Here is the PayPal id - [email protected]

    Once you make the payment do share your transaction details..

    We will start customization and will try our best to deliver the customized work in above- mentioned timeline..

    We will require following information from your end:

    WordPress site URL:
    WordPress username:
    WordPress password:

    FTP details:

    FTP host URL:
    FTP username:
    FTP password:

    Waiting for your confirmation..

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
    priya, Oct 5, 2015
    #4
  5. mouseclubhouse

    mouseclubhouse Member

    Joined:
    Jun 17, 2015
    Messages:
    31
    Likes Received:
    0
    This might be easier - Ideally, what I would like is code that I can place in blog.php to replace <?php get_header(); ?>

    <?php get_header(); ?> takes the logo that I already uploaded, but I would like to use a logo with a URL that I type in myself instead of using the variable.

    Can I get some code to just replace <?php get_header(); ?> where I will type in my own URL of the logo and it will place the new logo as a responsive graphic in the correct position?
     
    mouseclubhouse, Oct 5, 2015
    #5
  6. priya

    priya Guest

    Hello,

    Please replace your header.php file with the given code (below)..
    PHP:
    <html <?php language_attributes(); ?>>
        <head>
            <meta charset="<?php bloginfo('charset'); ?>" />
            <title>
                <?php
                    /*
                * Print the <title> tag based on what is being viewed.
                */
                    wp_title('|', true, 'right');
                    ?>
            </title>
            <?php if (is_front_page()) { ?>
                <?php if (inkthemes_get_option('inkthemes_keyword') != '') { ?>
                    <meta name="keywords" content="<?php echo inkthemes_get_option('inkthemes_keyword'); ?>" />
                    <?php
                    } else {
                 
                }
                    ?>
                <?php if (inkthemes_get_option('inkthemes_description') != '') { ?>
                    <meta name="description" content="<?php echo inkthemes_get_option('inkthemes_description'); ?>" />
                    <?php
                    } else {
                 
                }
                    ?>
                <?php if (inkthemes_get_option('inkthemes_author') != '') { ?>
                    <meta name="author" content="<?php echo inkthemes_get_option('inkthemes_author'); ?>" />
                    <?php
                    } else {
                 
                }
                    ?>
            <?php } ?>
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
            <link rel="profile" href="http://gmpg.org/xfn/11" />
            <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
            <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
            <?php wp_head(); ?>
        </head>
        <body <?php body_class(); ?> style="<?php if (inkthemes_get_option('inkthemes_bodybg') != '') { ?>background: url(<?php echo inkthemes_get_option('inkthemes_bodybg'); ?>);<?php } else {
                    ?><?php } ?>" >
            <div class="header_container <?php if (is_home()) { ?>home <?php
                } else {
                echo     'not_home';
            }
                ?>
                ">
                <div class="container_24">
                    <div class="grid_24">
                        <div class="header <?php
                            if (is_home()) {
                            echo     "home";
                        } elseif (    is_page_template('blog.php')) {
                            echo     'not_home';
                        } else {
                            echo     'not_home';
                        }
                            ?>">
                            <div class="header_wrapper">
                                <div class="grid_10 alpha">
                                    <?php if (is_page_template('blog.php') || is_single()) {?>
                                    <div class="logo">
                                        <a href="<?php echo home_url(); ?>">
                                        <img src="http://localhost/wordpress/wp-content/uploads/2015/09/A8.jpg" alt="<?php bloginfo('name'); ?>">
                                    </a>
                                        </div>
                                    <?php } else { ?>
                                    <div class="logo">
                                        <?php if (inkthemes_get_option('inkthemes_logo') != '') { ?>
                                    <a href="<?php echo home_url(); ?>">
                                        <img src="<?php echo inkthemes_get_option('inkthemes_logo'); ?>" alt="<?php bloginfo('name'); ?>">
                                    </a>
                                    <?php } else { ?><h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></h1>
                                    <p><?php bloginfo('description'); ?></p><?php } ?>
                                    </div>
                                    <?php } ?>
                                </div>
                                <div class="grid_14 omega">         
                                    <div class="call-us">
                                        <?php if (inkthemes_get_option('inkthemes_topright') != '') { ?>
                                            <p> <?php echo stripslashes(inkthemes_get_option('inkthemes_topright')); ?></p>
                                            <a class="btn" href="tel:<?php echo stripslashes(inkthemes_get_option('inkthemes_contact_number')); ?>">
                                            </a>
                                        <?php } else {
                                                ?>
                                            <p> For Reservation Call : 1.888.222.5847</p>
                                            <a class="btn" href="tel:5551234567"></a>
                                        <?php } ?>
                                    </div>
                                </div>     
                            </div>
                            <div class="clear"></div>
                            <div class="menu-wrapper">
                                <div id="MainNav">
     
                                    <?php if (inkthemes_get_option('inkthemes_nav') != '') { ?><a href="#" class="mobile_nav closed"><?php echo stripslashes(inkthemes_get_option('inkthemes_nav')); ?><span></span></a>
                                    <?php } else { ?> <a href="#" class="mobile_nav closed">Pages Navigation Menu<span></span></a>
                                    <?php } ?>
                                    <?php inkthemes_nav(); ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
    Please replace the image url as mention in the above code with your own link.

    Here I am also providing you a screenshot of the place where you have to replace the link. Please have a look
    url.png

    NOTE: To generate the link firstly you have to upload the another logo image in WordPress through media field of your dashboard and after that link will be generated over there.

    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
    priya, Oct 5, 2015
    #6
  7. mouseclubhouse

    mouseclubhouse Member

    Joined:
    Jun 17, 2015
    Messages:
    31
    Likes Received:
    0
    Yes!!!!!!!!!!!!!!!!!!!!!!!!! You guys are awesome. That's it!!! Thank you so much!!!!
     
    mouseclubhouse, Oct 6, 2015
    #7
Thread Status:
Not open for further replies.

Share This Page